<html>
  <head>
    <title>frameset Example</title>
  </head>
  <body>
    我是第二层
    <div>我有方法 b1</div>
    <div>
      <button type="button" onclick="a1Method()">调用第一层 a1方法</button>
      <button type="button" onclick="t1Method()">调用平行层 t1方法</button>
      <button type="button" onclick="cc1Method()">调用孩子1窗口 cc1方法</button>
      <button type="button" onclick="ccc1Method()">调用孩子2窗口 ccc1方法</button>
    </div>
    <iframe src="grandsonFrame.html" name="grandsonFrame" style="width: 100%;height: 60%;"></iframe>
    <script>
      var frameName="第二层";
      function b1(src){
          alert(`${src} 调用了 第二层b1方法`);
      }
  
      /**
        调用第一层窗口 a1方法
      */
      function a1Method(){
         top.a1(frameName);
      }
  
       /**
        调用平行层 t1方法
      */
      function t1Method(){
		  top.frames[0].t1(frameName);
      }
  
      /**
        调用孩子1窗口 cc1方法
      */
      function cc1Method(){
		  frames[0].frames[0].cc1(frameName);
      }
  
      /**
        调用孩子2窗口 ccc1方法
      */
      function ccc1Method(){
		  frames[0].frames[1].ccc1(frameName);
      }
        
    </script>
  </body>
  
</html>